<!DOCTYPE html>
<html>
    <head>
        <meta charset=utf-8>
        <meta name=viewport content="width=device-width,initial-scale=1">
        <title>fww</title>
        <link href=static/css/app.30790115300ab27614ce176899523b62.css rel=stylesheet>
    </head>
    <body>
        <div id=app></div>
        <script type=text/javascript src=static/js/manifest.2ae2e69a05c33dfc65f8.js></script>
        <script type=text/javascript src=static/js/vendor.21cfee6ab1ded878cd2a.js></script>
        <script type=text/javascript src=static/js/app.b22ce679862c47a75225.js></script>
        <template>
            <div class="box">
              <ul class="puzzle-wrap">
                <li
                  :class="{'puzzle': true, 'puzzle-empty': !puzzle}"
                  v-for="puzzle in puzzles"
                  v-text="puzzle"
                ></li>
              </ul>
            </div>
          </template>
           
          <script>
          export default {
            data () {
              return {
                puzzles: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15]
              }
            }
          }
          </script>
    </body>
</html>